<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="player">

    <main class="main">
        <video id="video" src="http://47.96.154.185:3701/course/part1.mp4" muted></video>
        <div class="box">
            <p><span id="curcount">3</span> / <span id="allcount">8</span></p>
            <p class="name">第3小结</p>
        </div>
    </main>

    <div class="control">
        <i id="prevbtn" class="iconfont icon-shangyishoushangyige"></i>
        <i id="playbtn" class="iconfont icon-zanting"></i>
        <i id="nextbtn" class="iconfont icon-xiayigexiayishou"></i>
        <div class="progress"></div>
    </div>

    <div class="mask">
        <p id="jitang" class="text"></p>
        <div class="controlbox">
            <div id="continuebtn">
                <i class="iconfont icon-kaishi1"></i>
                <p>继续训练</p>
            </div>
            <div id="stopbtn">
                <i class="iconfont icon-a-13Gguanji"></i>
                <p>结束训练</p>
            </div>
        </div>
        <div class="curbox">
            <img id="curimg" src="../../assets/imgs/ing.gif" alt="">
            <p class="curcontent">
                <span>当前环节:</span><span id="cursp"></span>
            </p>
        </div>
    </div>
</body>

</html>